<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    //事件处理
  window.onload=function(){
    var a = document.getElementsByTagName("input");
    //事件处理
    //1.事件源，2. 事件的类型，3. 事件的处理代码，通过函数来实现    
    a[3].onclick = function () {//匿名函数
      a[2].value = Number(a[0].value) + Number(a[1].value)
    }
    // 返回类型 方法名(参数){
    // }

    // function 函数名(参数){
    // }
  }
  
  // if(条件){
  //   代码
  // }[else if(条件){

  // }else ...]
  window.onload = function () {
    var b = document.getElementsByName("shuxianhua");
    b[2].onclick = function () {
      var num_c = Number(b[0].value)
      if(num_c>=100 && num_c<=999){
        var bai = Math.floor(num_c/100);//百位数
        var shi = Math.floor(num_c/10)%10;//十位数
        var ge = num_c%10;//个位数
        if(num_c == ge*ge*ge +shi*shi*shi + bai*bai*bai){
          b[1].value = "是水仙花数";
        }else{
          b[1].value = "不是水仙花数";
        }
      }else{
        alert("请输入三位整数")
      }

     

      // console.log(ge+","+shi+","+bai)
      // 163/100 
      // 163对100取余数（63），再等10整除  Math.floor(163%100/10)
      // 163对10整除在对10取余数  Math.floor(num_c/10)%10
      // var c=163;
      // console.log(Math.ceil(c/100));//向上取整
      // console.log(Math.floor(c/100));//向下取整
      // console.log(Math.round(c/100));//四舍五入
      
    }
  }


  // var sum = 0;
  // var i= 1;//循环变量赋初值
  // while(i<=100){//循环条件
  //   sum = sum +i;
  //   i++;//循环变量的改变
  // }

  var sum = 0;
  for(var i=1;i<=100;i++){
    sum = sum +i;
  }

  // for(var i = 100;i <= 110;i++){
  //   if(i%3 == 0){
  //     break;
  //   }
  //   console.log(i);
  // }

  window.onload = function(){
    var ele = document.getElementById("cheng");
   
    var str = '';
    for(i=1;i<=9;i++){
      for(j=1;j<=i;j++){
        str = str + 
          i + "*" + j + "=<span>" + (i*j) 
          + "</span>";
      }
      str = str + "<br>";
    }
     ele.innerHTML = str;
  }
  </script>
  <style>
    span{
      display: inline-block;
      width: 50px;
    }
  </style>
</head>
<body>
  <input type="text">+
  <input type="text">=
  <input type="text">
  <input type="button" value="计算">
  <hr>
  <input type="text" placeholder="请输入一个三位数" name="shuxianhua">
  <input type="text" placeholder="水仙花数的结果"  name="shuxianhua">
  <input type="button" value="计算"  name="shuxianhua">
  <hr>
  <h3>九九乘法表</h3>
  <div id="cheng">

  </div>
</body>
</html>